<nz-card>
  <nz-descriptions
    nzTitle="个人信息"
    nzBordered
    nzSize="middle"
    [nzColumn]="{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
  >
    <nz-descriptions-item nzTitle="姓名">{{ detailsData.userName || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="联系电话">{{ detailsData.phone || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="身份证号">{{ detailsData.idcard || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="身份证姓名面照片">
      <span class="idcard-wrap">
        <img
          nz-image
          [nzSrc]="detailsData?.idcardImgFrontTemp"
          [nzFallback]="fallback"
          title="身份证姓名面照片"
        />
      </span>
    </nz-descriptions-item>
    <nz-descriptions-item nzTitle="身份证国徽面照片">
      <span class="idcard-wrap">
        <img
          nz-image
          [nzSrc]="detailsData?.idcardImgBackTemp"
          [nzFallback]="fallback"
          title="身份证国徽面照片"
        />
      </span>
    </nz-descriptions-item>
  </nz-descriptions>
</nz-card>

<nz-card class="m-t-4">
  <nz-descriptions
    nzTitle="银行信息"
    nzBordered
    nzSize="middle"
    [nzColumn]="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }"
  >
    <nz-descriptions-item nzTitle="银行">{{ detailsData?.bankName || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="银行卡号">{{ detailsData?.bankCard || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="银行卡正面" nzSpan="2">
      <span class="idcard-wrap">
        <img
          nz-image
          [nzSrc]="detailsData?.bankCardImgFrontTemp"
          [nzFallback]="fallback"
          title="银行卡正面"
        />
      </span>
    </nz-descriptions-item>
  </nz-descriptions>
</nz-card>